/* CSS Document */

body,td,th {
	font-size: 12px;
	font-family:"΢ÈíÑźÚ";
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-size: 12px;
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
}
a:active {
	color: #FF6600;
}
.menu{
transition: all 0.6s;
transform: scale(1.0); 
color:#333333; font-size:16px; cursor:pointer;}
.menus{
transition: all 0.6s;
transform: scale(1.0); 
 color:#FFFFFF; font-size:16px; cursor:pointer;}

.tech {
	font-size: 16px;
	color: #333333;
	cursor:pointer;
}
.techs {
	font-size: 16px;
	color:#003399;
	cursor:pointer;
}



.cases{
transition: all 0.6s;
transform: scale(1.0); 
background:#ffffff; cursor:pointer;}
.casess{
transition: all 0.6s;
transform: scale(1.0); 
background:#eeeeee; cursor:pointer;}


.chakan{
transition: all 0.8s;
transform: scale(1.0); 
background:#015db2; color:#ffffff; cursor:pointer;}
.chakans{
transition: all 0.8s;
transform: scale(1.0); 
color:#ffffff; cursor:pointer; background:#000000;}



.chakanx{
transition: all 0.5s;
transform: scale(1.0); 
background:#dedede; color:#333333; font-size:16px; cursor:pointer;}
.chakanxs{
transition: all 0.5s;
transform: scale(1.0); 
color:#ffffff; cursor:pointer; font-size:16px; background:#015db2;}




*{margin:0;padding:0}html,css{width:100%;height:100%}.position{margin-left:auto;margin-right:auto;text-align:center;margin-top:15%}#workarea{position:absolute;width:100%;height:100%;background-color:#1e1a3e;font-family:Raleway}#personal{color:#666666;text-decoration:none;position:absolute;bottom:15px;right:2%}.spot{position:absolute;width:100%;height:100%;top:0;left:0}.svg-wrapper{margin-top:0;position:relative;width:90px;height:40px;display:inline-block;border-radius:3px;margin-left:5px;margin-right:5px}#shape{stroke-width:6px;fill:transparent;stroke:#ffffff;stroke-dasharray:85 400;stroke-dashoffset:-220;transition:1s all ease}#text{margin-top:-32px;text-align:center}#text a{color:#666666;text-decoration:none;font-weight:100;font-size:16px;}.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#ed5200}
.STYLE1 {
	font-size: 16px;
	color: #666666;
}

.top { width:100%; height:180px; position:fixed; z-index:999999999999999999999999999999999999999999999999999999999999999; *bottom: 0; *position:relative;margin-top:-0px;*margin-top:0px;_margin-top:0px;
*clear: both; 
z-index:1;
*top:expression(eval(document.compatMode &&

		document.compatMode=='CSS1Compat') ? 

		documentElement.scrollTop  

		: document.body.scrollTop );
}
.home_bg{
transition: all 0.8s;
transform: scale(1.0);
background:#f1f1f1; color:#333333; cursor:pointer; font-size:14px; border:#CCCCCC solid 1px;}
.home_bgs{
transition: all 0.8s;
transform: scale(1.0);
background:#FF0000; color:#FFFFFF; cursor:pointer; font-size:14px; border:#FFFFFF solid 1px;}

#demo0 { 
    width:1124px;
 height:80px;
 overflow:hidden;
 margin:auto;
} 
#demo0 img { 
    float:left;
 margin-left:1px;
 border:1px #ffffff solid;
}
#indemo0 { 
    float: left; 
    width: 800%; 
} 
#demo10 { 
    float: left; 
} 
#demo20 { 
    float: left; 
}
.tupian{
transition: all 0.8s;
transform: scale(1.0); }
.tupians{
transition: all 0.8s;
transform: scale(1.0);}

tp.a {
transition: all 0.6s;
transform: scale(1.0);
}
tp.a:hover {
transition: all 0.6s;
transform: scale(1.0);
}